<script lang="ts" setup>
import { ref } from "vue"

const containerShow = ref<boolean>(true)
</script>

<template>
  <t-row v-if="containerShow" class="container">
    <t-alert :onClosed="()=>{containerShow = false}" class="alert" close theme="info" title="说明">
      <span>[1] <b>盗版记录</b>是指用户首次安装应用并成功触发授权验证机制后授权验证失败的记录。若该用户后续进行了授权，则盗版记录自动清除</span><br>
      <span>[2] <b>盗版记录</b>不包括<b>授权冻结</b>、<b>授权过期</b>和<b>用户冻结</b>的记录</span>
    </t-alert>
  </t-row>
</template>

<style lang="less" scoped>
@border-color: var(--td-component-border);
.container {
  border: @border-color 1px solid;
  padding: 10px;
  margin: 10px 0;

  .alert {
    width: 100%;
  }
}
</style>
